<template>
	<div class="box"></div>
	<RadioGroup v-model="value">
		<Radio :label="1">栏目1</Radio>
		<Radio :label="2">栏目2</Radio>
	</RadioGroup>
	<Radio v-model="value2">栏目2</Radio>
	<CheckboxGroup v-model="arr">
		<Checkbox :label="1">栏目1</Checkbox>
		<Checkbox :label="2">栏目2</Checkbox>
	</CheckboxGroup>
	<Checkbox v-model="value3">栏目3</Checkbox>
	<Button type="default" @click="onSet">设置1</Button>
	<Button type="default" @click="onSet2">设置2</Button>
	<Button type="default" @click="onSet3">设置3</Button>
	<Button type="default" @click="onSet4">设置4</Button>
</template>
<script>
export default {
	name: 'myBox',
	data() {
		return {
			value: 1,
			value2: true,
			arr: [1],
			value3: true,
		}
	},
	methods: {
		onSet() {
			this.value = 2;
		},
		onSet2() {
			this.value2 = !this.value2;
		},
		onSet3() {
			this.value3 = !this.value3;
		},
		onSet4() {
			this.arr = [1, 2];
		}
	}
}
</script>

<style lang="scss" scoped></style>